1<#-- Conteúdo Web -> Templates: Site de Crise - Include de templates-->
2<#-- include "${templatesPath}/1975602" -->
3
4<#-- Conteúdo Web -> Templates: Site de Crise - Funções gerais-->
5<#include "${templatesPath}/1975398" />
6
7<#assign journalArticleService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
8<#assign fileEntryService = staticUtil["com.liferay.document.library.kernel.service.DLFileEntryLocalServiceUtil"] />
9<#assign assetCategoryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
10<#assign assetVocabularyService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyService") />
11<#assign assetCategoryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
12<#assign assetEntryQuery = objectUtil('com.liferay.asset.kernel.service.persistence.AssetEntryQuery')>
13<#assign portalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"]>
14<#assign assetEntryLocalServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetEntryLocalServiceUtil").getService()>
15
16<#assign vocabularies = assetVocabularyService.getGroupVocabularies(groupId) />
17<#assign editoriaVocabulary = findVocabulary("Editorial", vocabularies) />
18<#assign mediaVocabulary = findVocabulary("Multimidia", vocabularies) />
19
20
21
22
23<#function getFirstCategoryFromVocabulary entry vocabulary>
24 <#assign categories = assetCategoryLocalService.getCategories("com.liferay.journal.model.JournalArticle", entry.getClassPK()) />
25 <#list categories as category>
26 <#assign vocabulary = assetVocabularyService.getVocabulary(category.getVocabularyId()) />
27
28 <#if vocabulary.getVocabularyId() == category.getVocabularyId()>
29 <#return category>
30 </#if>
31 </#list>
32 <#return "">
33</#function>
34
35<#function getAssetEntriesByCategory portalUtil assetEntryLocalServiceUtil newCategoryId vocabularyToExclude>
36 <#attempt >
37 <#assign groupId = themeDisplay.getScopeGroupId()>
38 <#assign companyId = themeDisplay.getCompanyId()>
39 <#assign realUserId = themeDisplay.getDefaultUserId() />
40 <#assign className = "com.liferay.journal.model.JournalArticle">
41 <#assign classNameId = portalUtil.getClassNameId(className)>
42
43 <#assign assetEntryQuery = objectUtil('com.liferay.asset.kernel.service.persistence.AssetEntryQuery') />
44 ${assetEntryQuery.setClassNameIds([classNameId]) }
45 ${assetEntryQuery.setEnd(8)}
46 <#assign notAllCategoryIds = [] />
47 <#list vocabularyToExclude.getCategories() as category>
48 <#assign notAllCategoryIds += [category.getCategoryId()] />
49 </#list>
50 ${assetEntryQuery.setNotAllCategoryIds(notAllCategoryIds)}
51 ${assetEntryQuery.setAllCategoryIds([newCategoryId])}
52
53 <#assign allAssets = assetEntryLocalServiceUtil.getEntries(assetEntryQuery)/>
54
55 <#return allAssets />
56 <#recover >
57 <#return [] />
58 </#attempt>
59</#function>
60
61<#assign rootCss = "card-news_" + randomNumber(4586) />
62<#assign cardMap = {} />
63
64<#-- Função para obter os dados de um card no Web Content (Journal Article) -->
65<#function getCardData entry journalArticleLocalService fileEntryService cardMap>
66
67 <#assign editoria = getFirstCategoryFromVocabulary(entry, editoriaVocabulary) />
68 <#assign editoriaId = -1 />
69 <#if editoria?has_content>
70 <#assign editoriaId = editoria.getCategoryId() />
71 </#if>
72 <#if editoriaId == -1>
73 <#return {} />
74 </#if>
75 <#if cardMap[ editoriaId?string]??>
76 <#if cardMap[editoriaId?string]?size gt 7 >
77 <#return {} />
78 </#if>
79 </#if>
80
81 <#assign journalArticle = journalArticleLocalService.getLatestArticle(entry.getClassPK()) />
82 <#assign ddmStructure = journalArticle.getDDMStructure() />
83 <#assign fieldList = getFieldListByStructure(ddmStructure) />
84 <#assign xmlArticle = journalArticle.getDocument().getRootElement() />
85
86 <#if getStructName(journalArticle) != "Agência de Notícias - Notícia">
87 <#return {} />
88 </#if>
89
90 <#assign imagesGroup = getNodes(getIdFromFieldName(fieldList, "Imagem de destaque da notícia"), xmlArticle) />
91 <#assign image = "" />
92 <#list imagesGroup as imageGroup >
93 <#assign image = getMediaInfo(fieldList, imageGroup, "Imagem Destaque", fileEntryService) /> />
94 </#list>
95
96 <#assign title = getFieldValue(fieldList, xmlArticle, "Título de destaque da notícia") />
97 <#if !(title?has_content && title != "")>
98 <#assign title = journalArticle.getTitle(locale) />
99 </#if>
100
101 <#assign lastPublishDate = journalArticle.getDisplayDate()>
102 <#assign createDate = journalArticle.getCreateDate()>
103
104 <#assign editoria = getFirstCategoryFromVocabulary(entry, editoriaVocabulary) />
105 <#assign editoriaId = -1 />
106 <#if editoria?has_content>
107 <#assign editoriaId = editoria.getCategoryId() />
108 </#if>
109
110 <#assign review = getFieldValue(fieldList, xmlArticle, "Subtítulo") />
111
112 <#assign urlNews = themeDisplay.getPortalURL() + themeDisplay.getPathFriendlyURLPublic() + layout.getGroup().friendlyURL + "/w/" + journalArticle.getUrlTitle()>
113
114 <#if themeDisplay.getPortalURL()?contains("webserver")>
115 <#assign urlNews = themeDisplay.getPortalURL() + themeDisplay.getPathFriendlyURLPublic() + layout.getGroup().friendlyURL + "/w/" + journalArticle.getUrlTitle()>
116 <#else>
117 <#assign urlNews = "/w/" + journalArticle.getUrlTitle()>
118 </#if>
119
120 <#assign cardInfo = {"image": image,
121 "title": title,
122 "lastPublishDate": lastPublishDate,
123 "createDate" : createDate,
124 "editoriaId": editoriaId,
125 "urlNews": urlNews,
126 "review": review} />
127
128 <#if cardMap[editoriaId?string]??>
129 <#assign cardMap = cardMap + {editoriaId : cardMap[editoriaId?string] + [cardInfo]} />
130 <#else>
131 <#assign cardMap = cardMap + {editoriaId : [cardInfo]} />
132 </#if>
133
134 <#return cardInfo />
135
136</#function>
137
138
139<#macro renderCard cardData>
140 <#if !cardData["image"]??>
141 <#return />
142 </#if>
143
144 <div class="card ${rootCss}" category-id="${cardData.editoriaId}">
145 <div class="news-content">
146 <div class="head">
147 <h2 class="title h4">${cardData.title}</h2>
148 <div class="bar"></div>
149 </div>
150 <div class="bottom-wrapper">
151 <div class="link-container">
152 <a class="link" href="${cardData.urlNews}" class="card-news-container">
153 <#if locale?lower_case == "pt_br"> Continuar lendo <#else> Keep reading </#if>
154 <span style="display: none">${randomNumber(10000)}</span> <#-- Devido ao ASESWEB -->
155 </a>
156 </div>
157 </div>
158 </div>
159 </div>
160
161</#macro>
162
163<#assign newsJournalArticle = "">
164<#assign newsAssetEntry = getAssetEntryFromRequest(assetEntryLocalServiceUtil)>
165<#if newsAssetEntry?? && newsAssetEntry?has_content>
166 <#assign newsJournalArticle = journalArticleService.fetchLatestArticle(newsAssetEntry.classPK)/>
167</#if>
168
169<#if newsJournalArticle?? && newsJournalArticle?has_content>
170
171 <#assign newsEditoria = getFirstCategoryFromVocabulary(newsAssetEntry, editoriaVocabulary) />
172 <#assign newsEditoriaId = -1 />
173 <#if newsEditoria?has_content>
174 <#assign newsEditoriaId = newsEditoria.getCategoryId() />
175 </#if>
176
177 <#assign entries = getAssetEntriesByCategory(portalUtil, assetEntryLocalServiceUtil, newsEditoriaId, mediaVocabulary) />
178
179 <#-- Renderizar Lista de cards -->
180 <#if entries?has_content>
181 <#list entries as entry>
182 <#assign cardData = getCardData(entry journalArticleService fileEntryService cardMap) />
183 <@renderCard cardData/>
184 </#list>
185
186 <style>
187 .${rootCss} {
188 width: 306px;
189 border-radius: 16px;
190 border: 1px solid var(--color-neutral-400, #EEE);
191 background: var(--color-neutral-100, #FFF);
192 margin: 0;
193 }
194
195 .${rootCss}:hover {
196 box-shadow: var(--box-shadow-neutral);
197 transition: box-shadow 300ms ease-in-out;
198 }
199
200 .${rootCss} .news-content {
201 padding: var(--space-md, 24px);
202 display: flex;
203 flex-direction: column;
204 height: 100%;
205 background: var(--color-background-card);
206 border-radius: var(--border-radius-card);
207 }
208
209 .${rootCss} img {
210 background: lightgray 50% / cover no-repeat;
211 height: 170px;
212 }
213
214 .${rootCss} .head {
215 display: flex;
216 flex-direction: column;
217 gap: var(--space-xxs, 8px);
218 }
219
220 .${rootCss} .head .date {
221 color: var(--color-neutral-800, #373737);
222 font-family: var(--font-family-base, "Petrobras Sans");
223 font-size: var(--font-size-xxxs, 14px);
224 font-style: var(--font-style-normal, normal);
225 font-weight: var(--font-weight-regular, 400);
226 line-height: var(--line-height-xl, 160%); /* 19.2px */
227 }
228
229 .${rootCss} .head .title {
230 color: var(--color-neutral-800);
231 }
232
233 .${rootCss} .head .bar {
234 background-color: var(--color-secondary-solid-to-bright-200, #FDC82F);
235 height: 4px;
236 width: 20px;
237 margin: var(--space-xs, 12px) 0 var(--space-sm, 16px) 0;
238 }
239
240 .${rootCss} .bottom-wrapper {
241 height: 100%;
242 display: flex;
243 flex-direction: column;
244 justify-content: flex-end;
245 }
246
247 .${rootCss} .bottom-wrapper .review-container {
248 color: var(--color-neutral-800, #373737);
249 font-family: var(--font-family-base, "Petrobras Sans");
250 font-size: var(--font-size-xxs, 16px);
251 font-style: var(--font-style-normal, normal);
252 font-weight: var(--font-weight-regular, 400);
253 line-height: var(--line-height-xl, 160%); /* 22.4px */
254 }
255
256 .${rootCss} .bottom-wrapper .link-container {
257 flex: 0 1 auto;
258 }
259
260 .${rootCss} .bottom-wrapper .link-container .link {
261 color: var(--color-primary-solid-to-bright-200, var(--color-primary-medium));
262 font-family: var(--font-family-base, "Petrobras Sans");
263 font-size: var(--font-size-xxs, 16px);
264 font-style: var(--font-style-normal, normal);
265 font-weight: var(--font-weight-bold, 700);
266 line-height: var(--line-height-lg, 144%); /* 22.4px */
267 text-decoration-line: underline;
268 }
269
270
271 @media screen and (max-width: ${MAX_TABLET_WIDTH}px) {
272 .${rootCss} {
273 flex-direction: column;
274 gap: var(--space-sm, 16px);
275 padding-top: var(--space-md, 24px);
276 min-width: 296px;
277 }
278
279 .${rootCss} img {
280 height: 140px;
281 }
282
283 .${rootCss} .head .date {
284 font-size: 12px;
285 }
286
287 .${rootCss} .head .title {}
288
289 .${rootCss} .head .bar {
290 width: 18px;
291 margin: var(--space-xxs, 8px) 0 var(--space-sm, 16px) 0;
292 }
293
294 .${rootCss} .review-container {
295 font-size: var(--font-size-xxxs, 14px);
296 }
297 }
298 </style>
299 </#if>
300</#if>
